<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/person.css">
</head>
<body>
    <nav></nav>
    <div class="user">
        <div class="usericon"></div>
        <div class="username">用户名</div>
        <div class="usermess usertime">学习时长</div>
        <div class="usermess userexp">经验</div>
        <div class="usermess userscore">积分</div>
    </div>
    <div class="message">
        <div class="catalog">
            <ol class="col1">
                <li class="p1"></li>
                <li class="p2"></li>
                <li class="p3"></li>
                <li class="p4"></li>
            </ol>
            <ol class="col2">
                <li class="w1 color">首页</li>
                <li class="w2">课程</li>
                <li class="w3">提问</li>
                <li class="w4">笔记</li>
            </ol>
            <ol class="col3">
                <li class="a1"></li>
                <li class="a2"></li>
                <li class="a3"></li>
                <li class="a4"></li>
            </ol>
            <ol class="col4">
                <li class="p11"></li>
                <li class="p22"></li>
                <li class="p33"></li>
                <li class="p44"></li>
            </ol>
            <ol class="col5">
                <li class="a11"></li>
                <li class="a22"></li>
                <li class="a33"></li>
                <li class="a44"></li>
            </ol>
        </div>
        <ul>
            <li class="content home">
                <div class="latest">最新动态</div>
                <div class="latest1">
                    <div class="mess1">
                        <div>yyyy-mm-dd学习了</div>
                    </div>
                    <div class="stu1">
                        <div class="stu1_pic"></div>
                        <div class="stu1_mess">
                            <div class="stu1mess_tit">课程题目</div>
                            <div class="stu1mess_lev">课程等级 时间</div>
                            <div class="stu1mess_sum">课程简介</div>
                        </div>
                    </div>
                </div>
                <div class="latest2">
                    <div class="mess1">
                        <div>yyyy-mm-dd学习了</div>
                    </div>
                    <div class="stu1">
                        <div class="stu1_pic"></div>
                        <div class="stu1_mess">
                            <div class="stu1mess_tit">课程题目</div>
                            <div class="stu1mess_lev">课程等级 时间</div>
                            <div class="stu1mess_sum">课程简介</div>
                        </div>
                    </div>
                </div>
                <div class="latest3">
                    <div class="mess1">
                        <div>yyyy-mm-dd学习了</div>
                    </div>
                    <div class="stu1">
                        <div class="stu1_pic"></div>
                        <div class="stu1_mess">
                            <div class="stu1mess_tit">课程题目</div>
                            <div class="stu1mess_lev">课程等级 时间</div>
                            <div class="stu1mess_sum">课程简介</div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="content course">
                <div class="stu_following">
                        <ul>
                            <li class="course_cata1 addclass">最近学习</li>
                            <li class="course_cata2">我的关注</li>
                        </ul>
                </div>
                <ul>
                    <li class="cata_ cata1_">
                        <div class="courses">
                            <div class="course_pic"></div>
                            <div class="courses_">
                                <div class="course_tit">课程题目</div>
                                <div class="course_mess"><pre>已学0%          用时          学习至......</pre></div>
                                <div class="course_note"><pre>笔记0                    代码0                    问答0</pre></div>
                            </div>
                            <div class="course_con"><a href="#">继续学习</a></div>
                        </div>
                        <div class="courses">
                            <div class="course_pic"></div>
                            <div class="courses_">
                                <div class="course_tit">课程题目</div>
                                <div class="course_mess"><pre>已学0%          用时          学习至......</pre></div>
                                <div class="course_note"><pre>笔记0                    代码0                    问答0</pre></div>
                            </div>
                            <div class="course_con"><a href="#">继续学习</a></div>
                        </div>
                        <div class="courses">
                            <div class="course_pic"></div>
                            <div class="courses_">
                                <div class="course_tit">课程题目</div>
                                <div class="course_mess"><pre>已学0%          用时          学习至......</pre></div>
                                <div class="course_note"><pre>笔记0                    代码0                    问答0</pre></div>
                            </div>
                            <div class="course_con"><a href="#">继续学习</a></div>
                        </div>
                        <div class="courses">
                            <div class="course_pic"></div>
                            <div class="courses_">
                                <div class="course_tit">课程题目</div>
                                <div class="course_mess"><pre>已学0%          用时          学习至......</pre></div>
                                <div class="course_note"><pre>笔记0                    代码0                    问答0</pre></div>
                            </div>
                            <div class="course_con"><a href="#">继续学习</a></div>
                        </div>
                    </li>
                    <li class="cata_ cata2_">
                        <div class="followings">
                            <div class="f_pic"></div>
                            <div class="f_mess">课程题目</div>
                            <div class="f_mess2">
                                <pre>笔记0                    代码0                    问答0</pre>
                            </div>
                        </div>
                        <div class="followings">
                            <div class="f_pic"></div>
                            <div class="f_mess">课程题目</div>
                            <div class="f_mess2">
                                <pre>笔记0                    代码0                    问答0</pre>
                            </div>
                        </div>
                        <div class="followings">
                            <div class="f_pic"></div>
                            <div class="f_mess">课程题目</div>
                            <div class="f_mess2">
                                <pre>笔记0                    代码0                    问答0</pre>
                            </div>
                        </div>
                        <div class="followings">
                            <div class="f_pic"></div>
                            <div class="f_mess">课程题目</div>
                            <div class="f_mess2">
                                <pre>笔记0                    代码0                    问答0</pre>
                            </div>
                        </div>
                    </li>
                </ul>
            </li>      
            <li class="content question">
                <div class="q_cata">
                    <div class="q_q addclass">我的提问</div>
                    <div class="q_f">我的回答</div>
                </div>
                <ul>
                    <li class="q_con con1">
                        <div class="q1">
                            <div class="q1_pic"><pre>来自   Android   C   JAVA</pre></div>
                            <div class="q1_tit">提问题目</div>
                            <div class="q1_a1">回答1</div>
                            <pre class="q1_">赞同  反对  回复</pre>
                            <div class="q1_a1"><pre>回答2</pre></div>
                            <pre class="q1_">赞同  反对  回复</pre>
                        </div>
                        <div class="q1">
                            <div class="q1_pic"><pre>来自   Android   C   JAVA</pre></div>
                            <div class="q1_tit">提问题目</div>
                            <div class="q1_a1">回答1</div>
                            <pre class="q1_">赞同  反对  回复</pre>
                            <div class="q1_a1"><pre>回答2</pre></div>
                            <pre class="q1_">赞同  反对  回复</pre>
                        </div>
                        <div class="q1">
                            <div class="q1_pic"><pre>来自   Android   C   JAVA</pre></div>
                            <div class="q1_tit">提问题目</div>
                            <div class="q1_a1">回答1</div>
                            <pre class="q1_">赞同  反对  回复</pre>
                            <div class="q1_a1"><pre>回答2</pre></div>
                            <pre class="q1_">赞同  反对  回复</pre>
                        </div>
                    </li>
                    <li class="q_con con2">
                        <div class="con2_a1">
                            <div class="a1_tit">问题题目</div>
                            <div class="a1_a">回答</div>
                            <pre class="a1_">赞同   反对   回复</pre>
                        </div>
                        <div class="con2_a1">
                            <div class="a1_tit">问题题目</div>
                            <div class="a1_a">回答</div>
                            <pre class="a1_">赞同   反对   回复</pre>
                        </div>
                        <div class="con2_a1">
                            <div class="a1_tit">问题题目</div>
                            <div class="a1_a">回答</div>
                            <pre class="a1_">赞同   反对   回复</pre>
                        </div>
                        <div class="con2_a1">
                            <div class="a1_tit">问题题目</div>
                            <div class="a1_a">回答</div>
                            <pre class="a1_">赞同   反对   回复</pre>
                        </div>
                        <div class="con2_a1">
                            <div class="a1_tit">问题题目</div>
                            <div class="a1_a">回答</div>
                            <pre class="a1_">赞同   反对   回复</pre>
                        </div>
                    </li>
                </ul>
            </li>
            <li class="content note">
                <div class="note_my">我的笔记</div>
                <div class="note1">
                    <div class="note_tit">笔记标题</div>
                    <div class="note_con">内容</div>
                    <div class="note_view">浏览次数 评论次数</div>
                </div>
                <div class="note1">
                    <div class="note_tit">笔记标题</div>
                    <div class="note_con">内容</div>
                    <div class="note_view">浏览次数 评论次数</div>
                </div>
                <div class="note1">
                    <div class="note_tit">笔记标题</div>
                    <div class="note_con">内容</div>
                    <div class="note_view">浏览次数 评论次数</div>
                </div>
            </li>
        </ul>
    </div>
    <footer></footer>
</body>
</html>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/person.js"></script>